<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta name="viewport" content="initial-scale=1.0,width=device-width,height=device-height,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>{$eyou.field.seo_title}</title>
<meta name="keywords" content="{$eyou.field.seo_keywords}" />
<meta name="description" content="{$eyou.field.seo_description}" />
<link href="{eyou:global name='web_ico' /}" rel="shortcut icon" type="image/x-icon" />
{eyou:static file="skin/css/font-awesome.css" /}
{eyou:static file="skin/css/public.css" /}
{eyou:static file="skin/css/style.css" /}
{eyou:static file="skin/css/common.css" /}
</head>
<body>
{eyou:include file="header.htm" /}
<div class="container-wrapper layout">
  <div class="pub-banner"> {eyou:adv pid='3' loop="1"}
    <div class="img"><img src="{$field.litpic}" alt="{$field.title}"></div>
    {/eyou:adv} </div>
  <div class="banner-list-main">
    <div class="banner-list">
      <ul>
        {eyou:models type="first" id="field2" currentstyle="on"}
        <li class="{$field2.currentstyle}"><a href="{$field2.typeurl}" title="{$field2.typename}">{$field2.typename}</a></li>
        {/eyou:models}
      </ul>
      <div class="banner-list-right"> {eyou:position/}</div>
    </div>
  </div>
  <div class="case-detail">
    <div class="show_box">
      <div class="zutu">
        <div class="gallery">
          <div class="swiper-container gallery-top">
            <div class="swiper-wrapper"> {eyou:volist name="$eyou.field.image_list"}
              <div class="swiper-slide" title="点击放大"><a href="{$field.image_url}">
                <div class="pic"><img src="{$field.image_url}" alt="{$field.title}"> </div>
                </a></div>
              {/eyou:volist} </div>
            <div class="swiper-pagination"></div>
          </div>
          <div class="thumbs">
            <div class="swiper-container gallery-thumbs">
              <div class="swiper-wrapper"> {eyou:volist name="$eyou.field.image_list"}
                <div class="swiper-slide">
                  <div class="pic"><img src="{$field.image_url}" alt="{$field.title}"> </div>
                </div>
                {/eyou:volist} </div>
            </div>
            <div class="swiper-button-prev swiper-button-black"></div>
            <div class="swiper-button-next swiper-button-black"></div>
          </div>
        </div>
        <div class="info">
          <div class="box">
            <h3>{$eyou.field.title}</h3>
            <div class="txt">型号：{$eyou.field.xinghao}<br>
              灭火级别：{$eyou.field.miehuojibie}<br>
              灭火类型：{$eyou.field.miehuoleixing} <br>
              使用温度：{$eyou.field.wendu}<br>
              首次维修：{$eyou.field.shouciweixiu}<br>
              维修后使用年限：{$eyou.field.weixiushiyong}<br>
              报废年限：{$eyou.field.baofei}</div>
          </div>
          <div class="btn"><a href="{eyou:global name='web_attr_1' /}">立即询价</a> {eyou:type typeid="22"}<a href="{$field.typeurl}">{$field.typename}</a>{/eyou:type}</div>
          <div class="tel"><a href="tel:{eyou:global name='web_attr_2' /}"><i class="fa fa-phone"></i>{eyou:global name='web_attr_2' /}</a><a href="mailto:{eyou:global name='web_attr_5' /}"><i class="fa fa-envelope"></i>{eyou:global name='web_attr_5' /}</a></div>
        </div>
      </div>
      <div class="pro_show">
        <div class="tit">产品详情</div>
        <div class="web_left_text"> {$eyou.field.content} </div>
        <div class="tags"><span>标签：</span>{eyou:tags getall='0' sort='new'}<a href="{$field.link}">{$field.tag}</a>{/eyou:tags}</div>
        <div class="web_det_bom">
          <div class="web_bom_left"> {eyou:prenext get='pre' titlelen='30'}
            <p><a href="{$field.arcurl}" title="{$field.title}">{eyou:lang name='sys11' /}：{$field.title}</a></p>
            {eyou:else /}
            <p><a>{eyou:lang name='sys11' /}：{eyou:lang name='sys10' /}</a></p>
            {/eyou:prenext}  
            {eyou:prenext get='next' titlelen='30'}
            <p><a href="{$field.arcurl}" title="{$field.title}">{eyou:lang name='sys12' /}：{$field.title}</a></p>
            {eyou:else /}
            <p><a>{eyou:lang name='sys12' /}：{eyou:lang name='sys10' /}</a></p>
            {/eyou:prenext} </div>
          <div class="fanhui_right"> <a href="javascript:history.back(-1);">
            <h6>返回</h6>
            </a> </div>
        </div>
      </div>
    </div>
  </div>
</div>
{eyou:include file="footer.htm" /}
</body>
</html>
{eyou:static file="skin/css/swiper.min.4.0.css" /}
{eyou:static file="skin/js/swiper.min.4.0.js" /}
{eyou:static file="skin/css/glightbox.min.css" /}
{eyou:static file="skin/js/glightbox.min.js" /}
<script>
  $(window).load(function() {
    //缩略图切换
    var thumbsSwiper = new Swiper('.gallery-thumbs', {
      spaceBetween: 5,
      slidesPerView: 4,
      watchSlidesVisibility: true,
      lazy: {
        loadPrevNext: true,
      },
    })
    //组图切换
    var gallerySwiper = new Swiper('.gallery-top', {
      spaceBetween: 10,
      thumbs: {
        swiper: thumbsSwiper,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    })
  })
var imglist  = GLightbox({selector: '.gallery-top .swiper-slide a'});
</script>